{% extends "base.html" %}
{% block mainbody %}
{#  注意引入文件的方式  #}
<link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
<script src="/static/layui/layui.js"></script>
<script language="JavaScript"> 
function getCookie(c_name)
{
    if (document.cookie.length>0)
      {
      c_start=document.cookie.indexOf(c_name + "=")
      if (c_start!=-1)
        { 
        c_start=c_start + c_name.length+1 
        c_end=document.cookie.indexOf(";",c_start)
        if (c_end==-1) c_end=document.cookie.length
        return unescape(document.cookie.substring(c_start,c_end))
        } 
      }
    return ""
}
retcook=getCookie('AGraph_AJQCDJOWN63628df')
if (retcook=="")
{
    window.location.href="/login";
}else
{
}
</script>
<script>
layui.use(['layer'], function () {
 
 });
</script>
<div class="container">
    <div class="row">

        <div class="col-md-12">
            <h3 class="page-header" ><i class="fa fa-share-alt" aria-hidden="true"></i> 知识构建 </h3>
        </div>
        
    <!--head start-->
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
        <legend>实体识别</legend>
        <a >请输入待识别的实体[当前可识别人名、地点、组织]</a>

      </fieldset>
      <div class="layui-form layui-inline" style="width: 400px;">
        <textarea class="layui-textarea" id="en_cont">
          随着上海汽车修配业逐步发展起来。最早建立和比较重要的厂家有：宝昌号（上海科尔本施密特活塞有限公司前身）、杨福兴机器制造厂（上海汇众汽车制造有限公司汽车底盘厂前身）、郑兴泰汽配商号（上海汽车变速器有限公司前身。当前总经理是陈虹
        </textarea>
      </div>
      <div class="layui-form layui-inline" style="width: 400px;">
        <textarea class="layui-textarea" id="en_result" readonly>识别结果</textarea>
      </div>
      <div class="layui-btn-container" style="margin-top: 10px;">
        <button class="layui-btn" id="endeal">开始识别</button>
      </div>

      <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
        <legend>关系识别</legend>
        <a >请输入待识别的关系[当前可识别父母, 夫妻, 师生, 兄弟姐妹, 合作, 情侣, 祖孙, 好友, 亲戚, 同门, 上下级]</a>
      </fieldset>
      <div class="layui-form layui-inline" style="width: 400px;">
        <textarea class="layui-textarea" id="re_cont">
          陈光和她的妻子王燕前日一起去英国
        </textarea>
      </div>
      <div class="layui-form layui-inline" style="width: 400px;">
        <textarea class="layui-textarea" id="re_result" readonly>识别结果</textarea>
      </div>
      <div class="layui-btn-container" style="margin-top: 10px;">
        <button class="layui-btn" id="redeal">开始识别</button>
      </div>


      <!--fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
        <legend>事理抽取</legend>
      </fieldset>
      <div class="layui-form layui-inline" style="width: 400px;">
        <textarea class="layui-textarea" id="case_cont">请输入待识别的事件[当前可识别因果关系]</textarea>
      </div>
      <div class="layui-form layui-inline" style="width: 400px;">
        <textarea class="layui-textarea" id="case_result" readonly>识别结果</textarea>
      </div>
      <div class="layui-btn-container" style="margin-top: 10px;">
        <button class="layui-btn" id="casedeal">开始识别</button>
      </div-->

    <p>
    <div class = "layui-row" >
      <p align="center">支持以API的形式,提供实体识别、关系抽取、事理抽取服务</p>
      <p align="center">支持行业特定领域实体关系抽取模型定制</p>
    </div>
    </p>
</div>
</div>
</div>
<script>
 $('#endeal').on('click', function(){ //监听按钮事件
  var loading = layer.load(0, {
                    shade: false,
                    time: 120*1000
                });
     var stren_cont =$('#en_cont').val(); //执行
    var form_data = new FormData();
    form_data.append("type", "en_ct");
    form_data.append("cont", stren_cont);
    $.ajax({
            url: "/kg_get/",
            type: "POST",
            data: form_data,
            //async: false,
            contentType: false,
            processData: false,
            success: function(cur_data) {
				ShowData=JSON.stringify(cur_data);
        $("#en_result").val(ShowData);  //方法2
        layer.close(loading);
             },
            error: function() {
              layer.msg('调用接口失败', {icon: 5});
             // layer.alert('见到你真的很高兴', {icon: 6});
                layer.close(loading);
             }
        })

    
  });

  $('#redeal').on('click', function(){ //监听按钮事件
    var loading = layer.load(0, {
                    shade: false,
                    time: 120*1000
                });
    var stren_cont =$('#re_cont').val(); //执行 
    var form_data = new FormData();
    form_data.append("type", "re_ct");
    form_data.append("cont", stren_cont);
    $.ajax({
            url: "/kg_get/",
            type: "POST",
            data: form_data,
            //async: false,
            contentType: false,
            processData: false,
            success: function(cur_data) {
				ShowData=JSON.stringify(cur_data);
        $("#re_result").val(ShowData);  //方法2
        layer.close(loading);
            },
            error: function() {
              layer.msg('调用接口失败', {icon: 5});
              layer.close(loading);
            }
        })
  });
/*
  $('#casedeal').on('click', function(){ //监听按钮事件
    var stren_cont =$('#case_cont').val(); //执行 xss 过滤方法
    $("#case_result").val(stren_cont);  //方法2
  });
  */
</script>
{% endblock %}
